﻿<div id="content" class="col-lg-12" style="min-height:810px !important">
                        <!-- PAGE HEADER-->

                        <!-- /PAGE HEADER -->
                        <!-- GALLERY -->
                        <div class="row">
                            <div class="col-md-12">
                                <!-- BOX -->
                                <div class="box">
                                    <div class="box-title">
                                        <h4><i class="fa fa-bars"></i>首页</h4>
                                        <div class="tools">
                                            <a href="#box-config" data-toggle="modal" class="config">
                                                <i class="fa fa-cog"></i>
                                            </a>
                                            <a href="javascript:;" class="reload">
                                                <i class="fa fa-refresh"></i>
                                            </a>
                                            <a href="javascript:;" class="collapse">
                                                <i class="fa fa-chevron-up"></i>
                                            </a>
                                            <a href="javascript:;" class="remove">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="box-body clearfix">
                                       <div id="filter-controls" class="btn-group">
                                          <div class="hidden-xs">
                                              <a href="#" class="btn btn-default" data-filter="*">All</a>
                                              <a href="#" class="btn btn-info" data-filter=".category_1">Android Apps</a>
                                              <a href="#" class="btn btn-danger" data-filter=".category_2">iPhone Apps</a>
                                              <a href="#" class="btn btn-success" data-filter=".category_3">Windows Apps</a>
                                              <a href="#" class="btn btn-warning" data-filter=".category_4">Web Apps</a>
                                          </div>
                                          <div class="visible-xs">
                                               <select id="e1" class="form-control">
                                                    <option value="*">All</option>
                                                    <option value=".category_1">Android Apps</option>
                                                    <option value=".category_2">iPhone Apps</option>
                                                    <option value=".category_3">Windows Apps</option>
                                                    <option value=".category_4">Web Apps</option>
                                                </select>
                                          </div>
                                       </div>
                                        <div id="filter-items" class="row isotope" style="position: relative; overflow: hidden; height: 900px;">
                                            <div class="col-md-3 category_1 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/1.png" alt="" class="./img-responsive">
                                                    <div class="hover-content animated fadeOut" style="display: block;">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/1.png" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 category_2 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(293px, 0px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/2.jpg" alt="" class="./img-responsive">
                                                    <div class="hover-content animated fadeOut" style="display: block;">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/2.jpg" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 category_3 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(586px, 0px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/3.png" alt="" class="./img-responsive">
                                                    <div class="hover-content animated fadeOut" style="display: block;">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/3.png" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 category_4 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(879px, 0px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/4.png" alt="" class="./img-responsive">
                                                    <div class="hover-content animated fadeOut" style="display: block;">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/4.png" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 category_1 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 400px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/5.png" alt="" class="./img-responsive">
                                                    <div class="hover-content animated fadeOut" style="display: block;">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/5.png" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 category_2 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(293px, 400px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/8.png" alt="" class="./img-responsive">
                                                    <div class="hover-content animated fadeOut" style="display: block;">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/8.png" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-md-3 category_4 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(586px, 400px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/7.jpg" alt="" class="./img-responsive">
                                                    <div class="hover-content">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/7.jpg" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 category_4 item isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(879px, 400px, 0px);">
                                                <div class="filter-content">
                                                    <img src="./img/gallery/2.jpg" alt="" class="./img-responsive">
                                                    <div class="hover-content animated fadeOut" style="display: block;">
                                                        <h4>Image Title</h4>
                                                        <a class="btn btn-success hover-link">
                                                            <i class="fa fa-edit fa-1x"></i>
                                                        </a>
                                                        <a class="btn btn-warning hover-link colorbox-button cboxElement" href="./img/gallery/2.jpg" title="Image Title">
                                                            <i class="fa fa-search-plus fa-1x"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- /BOX -->
                            </div>
                        </div>
                        <!-- /GALLERY -->
                        <div class="footer-tools">
                            <span class="go-top">
                                <i class="fa fa-chevron-up"></i> Top
                            </span>
                        </div>
                    </div>